#5E5770

Color Details

HEX
#5E5770
RGB
rgb(94, 87, 112)
HSL
hsl(257, 13%, 39%)
CMYK
cmyk(16%, 22%, 0%, 56%)
Best text on this color #FFFFFF (CR 6.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e5770
Contrast 3.07:1 Fail
White on #5e5770
Contrast 6.83:1 AA
#5e5770 on Black
Contrast 3.07:1 Fail
#5e5770 on White
Contrast 6.83:1 AA

Tints & Shades

#7e798d
#9e9aa9
#bfbcc6
#4b465a
#383443
#26232d

Complement & Analogous

#697057
#704e79
#4e5779

Triadic

#705e57
#57705e

Monochrome

#26232d #383443 #5e5770 #9e9aa9 #bfbcc6 #dfdde2

Analogous

#4e5779 #8389a1 #5e5770 #8d7194 #704e79 #5a3e61

Complementary Mix

#383443 #5e5770 #9e9aa9 #697057 #9ea292 #444939

Nearby Colors

#5e576f
#5e5771
#5e5760
#5e5780

Embed #5E5770 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E5770

#5E5770 converts to RGB(94, 87, 112) and HSL(257, 13%, 39%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E5770 FAQs

What is the RGB value of #5E5770?
RGB: 94, 87, 112. Copy as CSS: rgb(94, 87, 112)
Is #5E5770 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E5770?
Complement: #697057.
Does #5E5770 have good contrast on white or black?
On white: 6.83:1 (AA (normal text)). On black: 3.07:1 (AA (large text)).